<template>
  <div id="app">
	  <!-- 上面是导航 -->
	  <div>
		  <NavBar></NavBar>
	  </div>
	  <!-- 下面是导航的内容 -->
	  <div class="content">
		 
		  <router-view></router-view>
	  </div>
   
  </div>
</template>
<script>
	import NavBar from '@/components/NavBar.vue'
    export default{
		components:{
			NavBar
		}
	}
</script>
<style>
	.content{
		width: 80%;
		border: solid 2px #42B983;
		margin: auto;
	}
	/* 导航样式选中 */
	.active,.router-link-exact-active{
		font-weight: bold;
		background: aquamarine;
	}
	

</style>
